<template>
	<view class="kui-w-full">
		<view class="kui-box-border kui-flex" :style="{
			flexWrap: wrap,
			justifyContent: justify,
			alignItems: align,
			columnGap: `${gutter}rpx`
		}">
			<slot></slot>
		</view>
	</view>
</template>

<script lang="ts">
	import {
		reactive,
		getCurrentInstance,
		defineComponent,
		SetupContext
	} from 'vue';
	
	const name = 'kui-row';
	
	import RowProps from './props';
	
	export default defineComponent({
		name,
		props: RowProps,
		options: {
			// 小程序虚拟节点设置
			virtualHost: true
		},
		setup(props, context: SetupContext) {
			// const state = reactive({
				
			// });
		}
	});
</script>

<style>
	.a {
		justify-content: center;
	}
</style>